<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <!-- 创建图标区域 -->
    <div id="main" style="width:600px;height:400px;"></div>
</body>
<!-- 引入echarts.js -->
<script src="echarts.js"></script>
<!-- 引入jQuery -->
<script src="jquery.js"></script>
<script>
    $(function () {
        //创建实例
        var myChart = echarts.init($("#main")[0]);
        //配置图表的数据
        var option = {
            //这块数组只能有一个对象，如果有二个对象，就得有二个表
            series: [
                {
                    name: '学校统计信息',
                    type: 'pie',
                    radius: ['80%','60%'],
                    data: [
                        { name: '小学', value: 100 },
                        { name: '初中', value: 300 },
                        { name: '高中', value: 150 },
                        { name: '大学', value: 300 }
                    ]
                },
                {
                    name: '学校统计信息',
                    type: 'pie',
                    radius: '50%',
                    data: [
                        { name: '小学', value: 100 },
                        { name: '初中', value: 200 },
                        { name: '高中', value: 250 },
                        { name: '大学', value: 300 }
                    ]
                }
            ]
        }
        myChart.setOption(option);
    });

</script>

</html>